<template>
  <div class="header-box">
    <div class="headerr">
      <h3 style="color: #4a4a4a" @click="jingxuan">精选</h3>
      <h3 @click="mendian">门店</h3>
    </div>
    <div style="margin-left: 3rem; margin-top: -0.45rem">
      <van-icon name="search" size=".24rem" class="icon1" />
      <van-icon
        name="bag-o"
        size=".24rem"
        class="icon1"
        style="margin-left: 0.1rem"
      />
    </div>
  </div>
</template>

<script>
export default {
  name: "headermendian",
  data() {
    return {};
  },
  methods: {
    jingxuan() {
      this.$router.push({ path: "/Choice" });
    },
    mendian() {
      this.$router.push({ path: "/Mendian" });
    },
  },
};
</script>

<style scoped>
.icon1 {
  line-height: 0.44rem;
  /* margin-left: 0.1rem; */
}
.header-box {
  width: 100%;
  height: 0.44rem;
  /* display: flex; */
  justify-content: center;
}
h3 {
  /* width: 20%; */
  line-height: 0.44rem;
  text-align: center;
  margin: auto;
  font-weight: 600;
  font-size: 0.18rem;
}
.headerr {
  width: 25%;
  display: flex;
  margin-left: 1.45rem;
}
</style>
